import React, {
	Component
} from 'react'
import {
	Flex
} from 'antd-mobile'
import RedPacketSingle from '../RedPacketList/RedPacketSingle'
import styles from './index.scss'

export default class RoomRecord extends Component {
	render() {
		return (
			<div className={styles.root}>
        <div className={styles.header}>
          <div className={styles.title}>加入过的房间</div>
        </div>
        <div className={styles.redPacketList}>
		<Flex wrap="wrap" justify="between">
            <RedPacketSingle />
            <RedPacketSingle />
            <RedPacketSingle />
            <RedPacketSingle />
            <RedPacketSingle />
            <RedPacketSingle />
          </Flex>
          </div>
      </div>
		)
	}
}